<div class="page-header">
    <h1>
        艺人列表
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            查看艺人的基础资料信息；
        </small>
        <div class="divColorbox_Header">
            <a class="Refresh"></a><a class="Close"></a>
        </div>

    </h1>
</div>
<div class="row">
    <div class="col-xs-12">
        <table id="dtpList" class="dataTable">
            <!--<tfoot>-->
            <!--<tr>-->
            <!--<td colspan="6">本页合计：</td>-->
            <!--<td>-->
            <!--<ins id="Total_Balance">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td>-->
            <!--<ins id="Total_Consumption_Amt">￥13645.00</ins>-->
            <!--</td>-->
            <!--<td colspan="2"></td>-->
            <!--</tr>-->
            <!--</tfoot>-->
        </table>
        <div id="dtpList_filter" class="dataTables_filter">
            <div>
                <select id="dtpList_F_SType" class="selectpicker" data-style="btn btn-info btn-sm" data-width="90px">
                    <option value="">模糊查询</option>
                    <option data-divider="true"></option>
                    <option value="NickName">用户昵称</option>
                    <option value="RoomName">房间名称</option>
                    <option value="Tags">艺人标签</option>
                    <option value="Email">邮箱</option>
                    <option value="Phone">手机号码</option>
                </select>
                <input id="dtpList_F_SValue" class="fvalue" type="text"/>
                <label>状态：</label>
                <select id="dtpList_F_Status">
                    <option value="-1">所有</option>
                    <option value="0" selected="selected">正常</option>
                    <option value="1">锁定</option>
                </select>
                <button id="dtpList_F_Btn"></button>
            </div>
        </div>
    </div>
</div>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.min.js"></script>
<script src="<%- Virtual_Path.Static %>jquery.plugin/dataTables/jquery.dataTables.bootstrap.min.js"></script>
<script>
    $(function () {
        //列表数据(分页)
        var _dtpList = $("#dtpList").dataTable({
            //列信息
            'iDisplayLength': 8,
            'aoColumns': [
                {
                    'sWidth': '50px', 'data': 'Anchor_Create_Date', 'sName': 'Anchor_Create_Date', 'sTitle': '签约时间', 'sClass': 'center',
                },
                {
                    'sWidth': '30px', 'data': 'User_ID', 'sName': 'User_ID', 'sTitle': '房间ID/艺人ID', 'sClass': 'center',
                },
                {
                    'sWidth': '40px', 'data': 'NickName', 'sName': 'NickName', 'sTitle': '昵称', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '30px', 'data': 'Anchor_Level', 'sName': 'Anchor_Level', 'sTitle': '艺人等级', 'bSortable': false, 'sClass': 'center'
                },
                {
                    'sWidth': '40px', 'data': 'Anchor_Phone', 'sName': 'Anchor_Phone', 'sTitle': '手机号', 'bSortable': false, 'sClass': 'center',
                },
                {
                    'sWidth': '40px', 'data': 'Anchor_QQ', 'sName': 'Anchor_QQ', 'sTitle': 'QQ号', 'bSortable': false, 'sClass': 'center',
                },
                {
                    'sWidth': '40px', 'data': 'Anchor_Email', 'sName': 'Anchor_Email', 'sTitle': '邮箱', 'bSortable': false, 'sClass': 'center',
                },
                {
                    'sWidth': '30px', 'data': 'Tags', 'sName': 'Tags', 'sTitle': '标签', 'bSortable': false, 'sClass': 'center'
                },

                {
                    'sWidth': '40px', 'data': 'Live_Duration_Total', 'sName': 'Live_Duration_Total', 'sTitle': '直播累计时长', 'sClass': 'center'
                },
                {
                    'sWidth': '20px', 'data': 'Anchor_HotValue', 'sName': 'Anchor_HotValue', 'sTitle': '热度', 'sClass': 'center'
                },
                {
                    'sWidth': '20px', 'data': 'Anchor_Status', 'sName': 'Anchor_Status', 'sTitle': '状态', 'sClass': 'center',
                    'createdCell': function (td, cellData) {
                        switch (cellData) {
                            case 0:
                                $(td).html('<span class="label label-success">正常</span>');
                                break;
                            case 1:
                                $(td).html('<span class="label label-danger">锁定</span>');
                                break;
                            default:
                                $(td).html('<span class="label label-default">未知</span>');
                                break;
                        }
                    }
                }
            ],
            'aaSorting': [0, 'asc'],
            'sAjaxSource': '/ajax/user.user-anchor.page',
            'fnServerParams': function (aoData) {
                if (!this.arrPageFilter) {
                    //搜索:条件发生变化
                    this.arrPageFilter = [];
                    this.arrPageFilter.push(
                            {'name': 'F_Status', 'value': $(this.selector + '_F_Status').val()},
                            {'name': 'F_Employee', 'value': $(this.selector + '_F_Employee').val()},
                            {'name': 'F_Family_ID', 'value': _PageData.Family_ID}
                    );
                }
                else {
                    //重置条件框内容：未按搜索按钮
                    $(this.selector + '_F_Status').val(this.arrPageFilter[0].value);
                    $(this.selector + '_F_Employee').val(this.arrPageFilter[1].value);
                }
                this.ofnServerParams(aoData);
            }
        });
    });
</script>